<script setup lang="ts">
import Nav from "@/components/Nav.vue";
var my1Nav = Nav;
var operation = [
  { index: "0", main: "运营总览", router: "/index/operation/first" },
  {
    index: "1",
    main: "内容管理",
    children: [
      { index: "1-1", main: "文章发布管理", router: "/index/operation/second" },
      { index: "1-2", main: "内容评论管理", router: "/index/operation/third" },
    ],
  },
  {
    index: "2",
    main: "招商管理",
    children: [
      { index: "2-1", main: "合同签订管理", router: "/index/operation/fourth" },
      { index: "2-2", main: "客户信息管理", router: "/index/operation/fifth" },
    ],
  },
  {
    index: "3",
    main: "租户管理",
    children: [
      { index: "3-1", main: "租户信息管理", router: "/index/operation/sixth" },
      {
        index: "3-2",
        main: "租户人员管理",
        router: "/index/operation/seventh",
      },
    ],
  },
  {
    index: "4",
    main: "资产管理",
    children: [
      { index: "4-1", main: "楼宇信息管理", router: "/index/operation/eighth" },
      { index: "4-2", main: "公共资源管理", router: "/index/operation/ninth" },
    ],
  },
  {
    index: "5",
    main: "账单管理",
    children: [
      { index: "5-1", main: "车辆缴费管理", router: "/index/operation/tenth" },
      {
        index: "5-2",
        main: "租户账单管理",
        router: "/index/operation/eleventh",
      },
    ],
  },
];
</script>
<template>
  <div class="operation">
    <div class="left">
      <my1-nav :menunav="operation"></my1-nav>
    </div>
    <div class="right">
      <router-view></router-view>
    </div>
  </div>
</template>

<style scoped>
.operation {
  height: 100%;
  display: flex;
}

.operation .left {
  width: 255px;
  background: rgb(65, 92, 133);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  color: #fff;
}

.operation .left a {
  color: #fff;
  text-decoration: none;
}

.operation .left a:hover {
  color: #f66;
}

.operation .right {
  flex: 1;
}
</style>
